{extend name="public/base"/}
{block name="body"}

<div class="header header_mid" style="background-color:#343637; background-image:url(__IMG__/pattern_pixels.png)">
	<div class="header_inner">
			<!-- header slider -->
            <div class="header_slider">     
               	
        	<div class="topSlider">
            
            	<div class="oneByOne_slide">
					<div class="slide_image animate0 fadeInUp"><img src="__IMG__/temp/slider_img_1.png" alt=""></div>
					<div class="slide_text animate1 fadeInLeft">
                    	<div class="slide_title"><strong>最好的服务器</strong></div>
                        <div class="slide_description">
                        <p>我们提供全世界<strong>最快速</strong>的主机服务器</p>                        
                        </div>                        
                  </div>
			  	</div>
                
                <div class="oneByOne_slide">
					<div class="slide_image animate0 fadeInDown"><img src="__IMG__/temp/slider_img_2.png" alt=""></div>
					<div class="slide_text animate0 fadeInRight">
                    	<div class="slide_title"><strong>每月只要36元</strong></div>
                        <div class="slide_description">
                        <p>支持<strong>个人博客或中小企业</strong>站点</p>
                        </div>
                        <div class="slide_list">
                        	<ul>
                            	<li>固态硬盘</li>
                                <li>在线率: 99.9%</li>
                                <li>免费域名</li>
                                <li>7*24小时客服支持</li>
                                <li>60内天数据备份</li>
                                <li>自助控制面板</li>
                            </ul>
                            <div class="clear"></div>	
                        </div>
                  </div>
			  	</div>
                
                <div class="oneByOne_slide">
					<div class="slide_image"><img src="__IMG__/temp/slider_img_3.png" alt=""></div>
					<div class="slide_text">
                    	<div class="slide_title"><strong>不限用途主机空间!</strong></div>
                        <div class="slide_description">
                        <p>我们提供<strong>从设计到运营</strong>的全部解决方案!</p>
                        </div>
                        <div class="slide_list">
                        	<ul>
                            	<li>无上限磁盘空间</li>
                                <li>免费GITHUB</li>
                                <li>FTP文件管理</li>
                                <li>免费站点管理</li>
                                <li>MySQL数据库</li>
                                <li>免费权限系统</li>
                                <li>免费企业邮箱</li>
                                <li>免费信息支持</li>
                            </ul>
                            <div class="clear"></div>	
                        </div>
                  </div>
			  	</div>
                
                <div class="oneByOne_slide">
					<div class="slide_image"><img src="__IMG__/temp/slider_img_4.png" alt=""></div>
					<div class="slide_text">
                    	<div class="slide_title"><strong>简单的FTP管理、控制面板</strong></div>
                        <div class="slide_description">
                        <p>我们的后台<strong>控制面板</strong>支持自定义各种参数.</p>
                        </div>
                  </div>
			  	</div>
                
                <div class="oneByOne_slide">
					<div class="slide_image"><img src="__IMG__/temp/slider_img_5.png" alt=""></div>
					<div class="slide_text">
                    	<div class="slide_title"><strong>支持手机端浏览</strong></div>
                        <div class="slide_description">
                        <p>支持包括<strong>iOS & Android</strong>等移动设备的浏览</p>
                        </div>
                  </div>
			  	</div>
                                
          	</div>
            <script type="text/javascript">	
			  	 jQuery(document).ready(function($) {		
			          $('.topSlider').oneByOne({
			  			className: 'oneByOne1',	 
						sliderClassName: 'oneByOne_slide',             
			  			easeType: 'random',
			  			slideShow: true,
						width: 940,
						height: 429,
						slideShowDelay: 5000
			  		});		
			  	 });
			</script> 
            <!--/ topSlider -->
            
          
        </div>
        <!--/ header slider -->
	</div>       
    
</div>
<!--/ header -->

<div class="middle full_width">
<div class="container_12">

<!-- content -->
    <div class="content">
    	<div class="post-detail">            
			<div class="entry">
    	
        		<!-- 3 column w styled textblock -->
        		<div class="row">
                
                    <div class="col col_1_3">
                        <div class="inner">
	                        <div class="text-block-1">
		                        <div class="title_small">
			                        <h2>100MB/S 光纤接入</h2>
			                        <p class="subtitle">数据中心机房</p>
	                            </div>
		                        <p>我们的服务器都是100Mbps宽带接入,我们的数据中心的每秒传输数据可达到90Gb!</p>
	                        </div>
                        </div>
                    </div>
                
                    <div class="col col_1_3">
                        <div class="inner">
	                        <div class="text-block-1">
		                        <div class="title_small">
			                        <h2>数据安全和备份</h2>
			                        <p class="subtitle">提供UPS不间断供电</p>
	                            </div>
		                        <p>为用户提供更高级的物理安全防护，所有服务器都配有UPS电源和物理磁盘备份，您无需担心服务器的数据丢失等安全问题！</p>

		                    </div>
                        </div>
                    </div>
                    
                    <div class="col col_1_3 ">
                        <div class="inner">
                        	<div class="text-block-1">
		                        <div class="title_small">
			                        <h2>24小时在线客服中心</h2>
			                        <p class="subtitle">没有我们解决不了的问题</p>
	                            </div>
		                        <p>我们设立了本地的客服中主，电话24小时畅通，客服会在接电话后的第一时间解决您的问题！</p>
                        	</div>
                        </div>
                    </div>
                </div>
                <!--/ 3 column w styled textblock -->

                                    
                <div class="divider_big"></div>
                
                <div class="title_big">
                	<h3>欢迎使用<span>DeepCMS</span></h3>
                    <p class="subtitle">我们屡获殊荣的托管是功能包装和非常可靠的!</p>
                </div>

                
                <!-- features block -->
                <div class="box box_border box_white">
                
					<div class="col col_1_2">
                        <div class="inner">
                        
	                        <div class="feature_block">
	                        	<img src="__IMG__/temp/features_cpanel.png" width="64" height="64" alt="" class="alignleft">
	                       	  	<div class="feature_descr">
	                            <h3>控制面板</h3>
	                          	<p>使用最新版本的PHP5和MySQL5.支持Perl, Ruby on Rails, Python, SSI, Curl and GD。如需其他语言支持可联系客服。</p>
	                            </div>
                                <div class="clear"></div>
	                        </div>
                        
                        </div>
                    </div>
                    
                  	<div class="col col_1_2">
                        <div class="inner">
                        
                        	<div class="feature_block">
	                        	<img src="__IMG__/temp/features_support.png" width="64" height="64" alt="" class="alignleft">
		                        <div class="feature_descr">
		                          <h3>售后服务</h3>
			                        <p>我们的客服永远在线，我们提供7X24小时的售后服务，无论白天黑夜、春节或国庆。</p>
	                          	</div>
                                <div class="clear"></div>
                         	</div>
                          
						</div>
					</div>
                    
                    <div class="clear"></div>
                    
                    <div class="col col_1_2">
                        <div class="inner">
                        
	                        <div class="feature_block">
	                        	<img src="__IMG__/temp/features_location.png" width="64" height="64" alt="" class="alignleft">
	                       	  	<div class="feature_descr">
	                            <h3>数据中心</h3>
	                          	<p>我们在国内有多个数据中心，国外有数个服务器。我们可提供香港、美国、日本的免备案服务器或虚拟主机。</p>
	                            </div>
                                <div class="clear"></div>
	                        </div>
                        
                        </div>
                    </div>
                    
                  	<div class="col col_1_2">
                        <div class="inner">
                        
                        	<div class="feature_block">
	                        	<img src="__IMG__/temp/features_mail.png" width="64" height="64" alt="" class="alignleft">
		                        <div class="feature_descr">
		                          <h3>IMAP/POP/SMTP 支持</h3>
			                      <p>支持用流行的邮件客户端登录邮箱。支持IMAP、POP、SMTP，你也可以使用支持这些协议的其他程序管理你的邮件！</p>
	                          	</div>
                                <div class="clear"></div>
                         	</div>
                          
						</div>
					</div>
                    
                    <div class="clear"></div>
                    
                    <div class="col col_1_2">
                        <div class="inner">
                        
	                        <div class="feature_block">
	                        	<img src="__IMG__/temp/features_uptime.png" width="64" height="64" alt="" class="alignleft">
	                       	  	<div class="feature_descr">
	                            <h3>99.9% 在线率</h3>
	                          	<p>支持FTP和SFTP，你可以使用你喜欢的FTP客户端软件管理你的网站！</p>
	                            </div>
                                <div class="clear"></div>
	                        </div>
                        
                        </div>
                    </div>
                    
                  	<div class="col col_1_2">
                        <div class="inner">
                        
                        	<div class="feature_block">
	                        	<img src="__IMG__/temp/features_traffic.png" width="64" height="64" alt="" class="alignleft">
		                        <div class="feature_descr">
		                          <h3>访问统计</h3>
			                      <p>我们提供详细的访问日志和统计，你可以在后台看见有多少人访问你的网站，以及访问者的配置、地域等参数。</p>
	                          	</div>
                                <div class="clear"></div>
                         	</div>
                          
						</div>
					</div>
                    
                    <div class="clear"></div>
                </div>
                <!--/ features block -->
        	</div>
        </div>
	</div>
<!--/ content -->  
  
</div>
</div>
<!--/ middle -->
{/block}
{block name="body1"}
<div id="myCarousel" class="carousel slide">
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>
	<div class="carousel-inner">
		<div class="item active" style="background:#223240">
			<img src="__IMG__/slide1.png" alt="第一张">
		</div>
		<div class="item" style="background:#F5E4DC;">
			<img src="__IMG__/slide2.png" alt="第二张">
		</div>
		<div class="item" style="background:#DE2A2D;">
			<img src="__IMG__/slide3.png" alt="第三张">
		</div>
	</div>
	<a href="#myCarousel" data-slide="prev" class="carousel-control left">
		<span class="glyphicon glyphicon-chevron-left"></span>
	</a>
	<a href="#myCarousel" data-slide="next" class="carousel-control right">
		<span class="glyphicon glyphicon-chevron-right"></span>
	</a>
</div>

<div class="tab1">
	<div class="container">
		<h2 class="tab-h2">「为什么选择Sentcms内容管理系统」</h2>
		<p class="tab-p">简单强大的内容管理系统，让WEB开发更方便，更快捷</p>
		<div class="row">
			<div class="col-md-6 col">
				<div class="media">
					<div class="media-left">
						<img src="__IMG__/tab1-1.png" class="media-object" alt="">
					</div>
					<div class="media-body">
						<h4 class="media-heading">基于ThinkPHP3.2</h4>
						<p>依托新版ThinkPHP的功能优势和命名空间的特性。</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col">
				<div class="media">
					<div class="media-left">
						<img src="__IMG__/tab1-2.png" class="media-object" alt="">
					</div>
					<div class="media-body">
						<h4 class="media-heading">安全可靠</h4>
						<p>提供的稳健的安全策略，包括备份恢复，容错，防止恶意攻击登陆，网页防篡改等多项安全管理功能，保证系统安全，可靠，稳定的运行。</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col">
				<div class="media">
					<div class="media-left">
						<img src="__IMG__/tab1-3.png" class="media-object" alt="">
					</div>
					<div class="media-body">
						<h4 class="media-heading">开源免费</h4>
						<p>代码遵循Apache2开源协议，并且免费使用，对商业用户友好。</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col">
				<div class="media">
					<div class="media-left">
						<img src="__IMG__/tab1-4.png" class="media-object" alt="">
					</div>
					<div class="media-body">
						<h4 class="media-heading">模块化开发</h4>
						<p>全新的架构和模块化的开发机制，便于灵活扩展和二次开发。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{/block}

{block name="script"}
<script type="text/javascript">
	//轮播自动播放
	$('#myCarousel').carousel({
		//自动4秒播放
		interval : 3000,
	});

	//设置文字垂直居中，谷歌浏览器加载图片的顺序问题，导致高度无法获取
	$(window).load(function () {
		$('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');
	});
	

	$(window).resize(function () {
		$('.text').eq(0).css('margin-top', ($('.auto').eq(0).height() - $('.text').eq(0).height()) / 2 + 'px');
	});

	$(window).load(function () {
		$('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px');
	});

	$(window).resize(function () {
		$('.text').eq(1).css('margin-top', ($('.auto').eq(1).height() - $('.text').eq(1).height()) / 2 + 'px');
	});
</script>
{/block}